<!DOCTYPE html>
<html lang="en">
<head>
    <!-- META TAGS -->
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="robots" content="INDEX,FOLLOW" />
    <!-- MAIN HEAD -->
    <title>Tin tức - Mai Hoang JSC.</title>
    <link href="css/core.css" rel="stylesheet" />
    <link href="css/styles.css" rel="stylesheet" />
    <link href="css/slider.css" rel="stylesheet" />
    <link href="css/css3main.css" rel="stylesheet" />
    <!--[if lt IE 9]>
        <link href="css/fixIE.css" rel="stylesheet" />
        <script type="text/javascript" src="js/html5.js"></script>
    <![endif]-->
    <script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="js/oe.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</head>
<body>
    <header role="info">
        <div class="head-top">
            <ul class="clearfix">
                <li><i class="icon-tel">&nbsp;</i>012.345.6789</li>
                <li><i class="icon-mail">&nbsp;</i>info@maihoangjsc.com</li>
                <li><i class="icon-pin">&nbsp;</i>Số 1 - Hồ Hoàn Kiếm - Hà Nội</li>
            </ul>
        </div>
        <div class="container clearfix">
            <h1 class="logo"><a href="#">Công ty Cổ phần Mai Hoàng</a></h1>
            <nav class="mainnav">
                <ul>
                        <li><a href="/" class="active">Trang chủ</a></li>
                        <li><a href="/page.html">Giới thiệu</a></li>
                        <li><a href="/product.html">Sản phẩm</a></li>
                        <li><a href="/product_single.html">Trang Sản phẩm</a></li>
                        <li><a href="/news.html">Tuyển dụng</a></li>
                        <li><a href="/contact.html">Liên hệ</a></li>
                    </ul>
            </nav>
        </div>
        <div id="nav-thief" class="fadeIn slideFromTop">
            <div class="container">
                <h1 class="logo"><a href="#">Công ty Cổ phần Mai Hoàng</a></h1>
                <nav class="clearfix">
                    <ul>
                        <li><a href="/" class="active">Trang chủ</a></li>
                        <li><a href="/page.html">Giới thiệu</a></li>
                        <li><a href="/product.html">Sản phẩm</a></li>
                        <li><a href="/product_single.html">Trang Sản phẩm</a></li>
                        <li><a href="/news.html">Tuyển dụng</a></li>
                        <li><a href="/contact.html">Liên hệ</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>
    <div id="wrapper">
        <div class="spotlight">
            <img src="./images/cat/3.jpg" alt="Category Image" class="spl-thumb"/>
            <h2 class="spl-info small">Tin tức</h2>
        </div><!-- /.spotlight -->
        <section class="main-content container">
            <div class="news-left">
                <section class="news-items">
                    <h2 class="ni-title"><a href="#">Kinh nghiệm du lịch trong mùa mưa bão</a></h2>
                    <a href="#" class="ni-thumb"><img src="./images/examples/big1.jpg" alt="Title"></a>
                    <div class="ni-desc">
                        <span class="ni-info">Sản phẩm tiêu dùng</span>
                        <span class="ni-info">04/08/2013</span>
                        <p class="ni-desctxt">
                            Huisque enim nibh, varius eu venenatis non, convallis ut augue!
                            Festibulum non sem non nulla suscipit iaculis.
                            Nulla non ligula eget lectus egestas semper in sed nunc.
                            Mauris a elit eu augue dictum convallis quis non mauris.
                        </p>
                        <a href="#" class="ni-readmore">Xem thêm</a>
                    </div>
                    <div class="clear"></div>
                </section>
                <section class="news-items">
                    <h2 class="ni-title"><a href="#">Kinh nghiệm du lịch trong mùa mưa bão</a></h2>
                    <a href="#" class="ni-thumb"><img src="./images/examples/big2.jpg" alt="Title"></a>
                    <div class="ni-desc">
                        <span class="ni-info">Sản phẩm tiêu dùng</span>
                        <span class="ni-info">04/08/2013</span>
                        <p class="ni-desctxt">
                            Huisque enim nibh, varius eu venenatis non, convallis ut augue!
                            Festibulum non sem non nulla suscipit iaculis.
                            Nulla non ligula eget lectus egestas semper in sed nunc.
                            Mauris a elit eu augue dictum convallis quis non mauris.
                        </p>
                        <a href="#" class="ni-readmore">Xem thêm</a>
                    </div>
                    <div class="clear"></div>
                </section>
                <section class="news-items">
                    <h2 class="ni-title"><a href="#">Kinh nghiệm du lịch trong mùa mưa bão</a></h2>
                    <a href="#" class="ni-thumb"><img src="./images/examples/big3.jpg" alt="Title"></a>
                    <div class="ni-desc">
                        <span class="ni-info">Sản phẩm tiêu dùng</span>
                        <span class="ni-info">04/08/2013</span>
                        <p class="ni-desctxt">
                            Huisque enim nibh, varius eu venenatis non, convallis ut augue!
                            Festibulum non sem non nulla suscipit iaculis.
                            Nulla non ligula eget lectus egestas semper in sed nunc.
                            Mauris a elit eu augue dictum convallis quis non mauris.
                        </p>
                        <a href="#" class="ni-readmore">Xem thêm</a>
                    </div>
                    <div class="clear"></div>
                </section>
                <section class="news-items">
                    <h2 class="ni-title"><a href="#">Kinh nghiệm du lịch trong mùa mưa bão</a></h2>
                    <a href="#" class="ni-thumb"><img src="./images/examples/big4.jpg" alt="Title"></a>
                    <div class="ni-desc">
                        <span class="ni-info">Sản phẩm tiêu dùng</span>
                        <span class="ni-info">04/08/2013</span>
                        <p class="ni-desctxt">
                            Huisque enim nibh, varius eu venenatis non, convallis ut augue!
                            Festibulum non sem non nulla suscipit iaculis.
                            Nulla non ligula eget lectus egestas semper in sed nunc.
                            Mauris a elit eu augue dictum convallis quis non mauris.
                        </p>
                        <a href="#" class="ni-readmore">Xem thêm</a>
                    </div>
                    <div class="clear"></div>
                </section>

                <div class="paginator clearfix">
                    <ul>
                        <li class="active"><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li class="disabled">...</li>
                        <li><a href="#">6</a></li>
                    </ul>
                </div>
            </div><!-- /.news-left -->
            <aside class="news-widgets">
                <div class="nw-box subnav">
                    <h4>Chuyên mục</h4>
                    <div class="nwb-content">
                        <ul>
                           <li><a href="#">Thị trường</a></li>
                           <li><a href="#">Sản phẩm tiêu dùng</a></li>
                           <li><a href="#">Tin Mai Hoàng</a></li>
                           <li><a href="#">Tin khác</a></li>
                        </ul>
                    </div>
                </div><!-- /.subnav -->
                <div class="nw-box hasthumb">
                    <h4>Sản phẩm mới</h4>
                    <div class="nwb-content">
                        <ul>
                           <li>
                                <a href="#" class="nwb-thumb"><img src="./images/examples/1.jpg" alt="title"/></a>
                                <h3 class="nwb-title"><a href="#">Nước giải khát Cocacola</a></h3>
                                <a href="#" class="nwb-cat">Hàng tiêu dùng</a>
                           </li>
                           <li>
                                <a href="#" class="nwb-thumb"><img src="./images/examples/1.jpg" alt="title"/></a>
                                <h3 class="nwb-title"><a href="#">Nước giải khát Cocacola</a></h3>
                                <a href="#" class="nwb-cat">Hàng tiêu dùng</a>
                           </li>
                           <li>
                                <a href="#" class="nwb-thumb"><img src="./images/examples/1.jpg" alt="title"/></a>
                                <h3 class="nwb-title"><a href="#">Nước giải khát Cocacola</a></h3>
                                <a href="#" class="nwb-cat">Hàng tiêu dùng</a>
                           </li>
                        </ul>
                    </div>
                </div><!-- /.hasthumb -->
                <div class="nw-box newsinfo">
                    <h4>Mai Hoang JSC</h4>
                    <div class="nwb-content">
                        <p>
                            Chúng tôi đã áp dụng hệ thống quản lý chuyên nghiệp
                            và tiếp tục khẳng định vị trí hàng đầu trong hoạt động phân phối hàng hoá.
                        </p>
                        <ul>
                           <li><p><span class="txtred">Địa chỉ</span>Số 1 - Hồ Hoàn Kiếm - Quận Ba Đình - Hà Nội</p></li>
                           <li><p><span class="txtred">Số điện thoại</span>0123.456.789 - 043.567 8910</p></li>
                           <li><p><span class="txtred">Email</span>info@yoursite.com</p></li>
                        </ul>
                        <div class="cti-social">
                            <ul>
                                <li><a href="#" class="icon-social">Mai Hoang Facebook</a></li>
                                <li><a href="#" class="icon-social gplus">Mai Hoang GooglePlus</a></li>
                                <li><a href="#" class="icon-social mail">Mai Hoang Email</a></li>
                                <li><a href="#" class="icon-social web">Mai Hoang Website</a></li>
                            </ul>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div><!-- /.newsinfo -->
            </aside>
            <div class="clear"></div>
        </section><!-- /.main-content -->
    </div><!-- /#wrapper -->
    <footer>
        <div class="container clearfix">
            <span class="separator">&nbsp;</span>
            <div class="foot-left">
                <h5 class="foot-logo">Mai Hoang JSC.</h5>
                <div class="foot-info">
                    <p><strong>Công ty Cổ phần Mai Hoang</strong></p>
                    <p>Trụ sở chính: Số 1 - Hồ Hoàn Kiếm - Hà Nội</p>
                    <p>Tel: (84.4) 123.4567  Fax: (84.4) 987.6543</p>
                    <p>E-mail: info@maihoangjsc.com</p>
                </div>
            </div>
            <div class="foot-right">
                <p>Copyright © Mai Hoang 2013. Developed by <a href="http://ownego.com">OwnEGO</a>.
</p>
            </div>
        </div>
    </footer>
</body>
</html>